//1. 导入 express 
const express = require('express');

//2. 创建应用对象
const app = express();

//数据
let tfboy = [
  '王俊凯',
  '易烊千玺',
  '王源'
];


app.get('/', (req, res) => {
  res.send('首页哦');
});

//3. 设置路由  url 路径
app.get('/tfboy', (req, res) => {
  
  //设置响应
  let str = '<ul>';
  //循环拼接 ul 的结构
  tfboy.forEach(item => {
    str += `<li>${item}</li>`;
  });
  str += '</ul>';
  //声明完整的 html 结构
  let html = `<!DOCTYPE html>
              <html lang="en">
              <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>Document</title>
              </head>
              <body>
                ${str}
              </body>
              </html>`
  //设置响应
  res.send(html);
});

//4. 监听端口 启动服务
app.listen(8080, () => {
  console.log('服务已经启动, 端口 8080 监听中....');
})
